.content {
    background-color: #eff0f5;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.text_title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.text_amt {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;

    ion-text {
        color: #FF8500;
    }

    border-bottom: #f2f4f6 1px solid;
}

.font_weight {
    font-weight: 700;
}

.payment_font {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
}

.icon_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.agreement_text {
    color: #15489b;
}

.agreement_context {
    font-size: 12px;
    color: #999;
}


.my-custom-class {
    --background: #222;
}

/* DOES NOT WORK - not specific enough */
.modal-wrapper {
    background: #222;
}

/* Works - pass "my-custom-class" in cssClass to increase specificity */
.my-custom-class .modal-wrapper {
    background: #222;
}

.icon{
    width: 1.5em;
    height: 1.3em;
    vertical-align: -0.3em;
    fill: currentColor;
    overflow: hidden;
}
.icon_title{
    width: 1.5em;
    height: 1.3em;
    vertical-align: -0.15em;
    fill: #03A9F4;
    overflow: hidden;
}
.label_text{
    color: #15489b;
}

.border_bottom{
    border-bottom: #EFF0F5 1px solid;
}

ion-text{
    span{
        color: #999;
    }
}

.item{
    height: inherit;
}

.padding_clean{
    padding: 0px;
}

.item_color{
    background-color: #fff;
    .border{
        border-bottom: 1px #CBD4DE solid;
    }
}

.item_date{
    color: rgba(114, 114, 114, 0.8);
    font-size: 10px;
}

.item_tilte{
    font-size: 14px;
    ion-text{
        font-weight: 700;
    }
}

.icon_size{
    width: 1.5em;
    height: 1.3em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.bottom{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.left_content{
    display: flex;
    flex-direction: column;
    padding: 3px 0 3px 0;
    div:first-child{
        font-size: 12px;
    }
    div{
        flex-grow: 1;
    }
}

ion-button{
    --border-radius:30px;
}

.submit_btn{
    width: 35%;
}

.conten_header{
    height: 8%;
}
.content_body{
    height: 91%;
    div:first-child{
        height: inherit;
    }
}

.bill_content_body{
    height: 93%;
}


.bottom_btn{
    width: 100%;
}

ion-content{
    --background:#eff0f5;
}